@use "design-system";

.icon-button {
  height: auto;

  &:hover:not([disabled]) {
    background-color: var(--color-background-muted-hover);
    transition: background 200ms ease;
  }

  &:active:not([disabled]) {
    background-color: var(--color-background-muted-pressed);
  }

  &__label {
    // Needed for the truncation
    max-width: 60px;
  }
}
